#content {
width: 835px;
text-align: center;
position: relative;
margin: auto;
padding: 0px;
}

body {
background-image: url(Images/HMR_Pattern_BG.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-color: #333333;
text-align: center;
margin: 0em; 
}

h1 {
font-size: 16px;
font-family: "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
text-transform: uppercase;
color: #670066;
font-weight: bold;
text-align: left;
margin-bottom: 0px;
border-bottom: 1px #670066 solid;
padding-left: 5px;
padding-bottom: 4px;
padding-right: 0px;
margin-right: 10px;
}

h2 {
color: #333333;
font-family: "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding-left: 10px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
text-align: left; 
}

h3 {
color: #6a6a6a;
text-transform: uppercase;
text-align: left;
font: bold 10px "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
}

h4 {
	font: 8px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #999;
	text-transform: uppercase;
	text-align: left;
	padding-left: 45px;
}

p {
font-size: 11px;
font-family: "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
color: #6a6a6a;
line-height: 18px;
text-align: left;
padding-left: 15px;
margin-top: 10px;
margin-right: 12px;
}

a, a:hover, a:active {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #606;
}
a:visited {
	color: #c9c;
}

/* @group header */

#header {
height: 250px;
background-image: url(Images/HMR_Header_BG.png);
margin: auto;
background-repeat: no-repeat;
text-align: center; 
}
#navbar {
position: absolute;
padding: 0px;
margin: 0px;
text-align: center;
font-family: "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
color: #d10000;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
	top: 164px;
	left: 59px;
}



/* @end */

/* @group body */

#main-text {
width: 422px;
margin: 0em;
position: absolute;
left: 82px;
float: left;
padding-top: 5px;
padding-left: 0px;
	top: 10px;
}

#sidebar {
width: 248px;
margin: 0em;
position: absolute;
left: 504px;
float: left;
padding-top: 5px;
padding-left: 0px;
	top: 10px;
}

img.sidebar {
margin-top: 12px;
margin-right: 11px;
margin-bottom: 10px; 
}

h2.sidebar {
padding-left: 15px;
padding-bottom: 0em;
margin-bottom: -7px; 
}

h3.sidebar {
margin-top: 0px;
margin-right: 17px;
margin-bottom: 0px;
margin-left: 8px;
padding-top: 10px;
padding-bottom: 12px;
padding-left: 15px;
border-bottom: 1px #cd98cc solid; 
}

h3.sidebar-noline {
margin-top: 0px;
margin-right: 17px;
margin-bottom: 0px;
margin-left: 8px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
}

h3.sidebar a, h3.sidebar-noline a, h3.sidebar a:link, h3.sidebar-noline a:link, h3.sidebar a:visited, h3.sidebar-noline a:visited, h3.sidebar a:active, h3.sidebar-noline a:active {
color: #6a6a6a;
text-decoration: none;
}

h3.sidebar a:hover, h3.sidebar-noline a:hover {
color: #333; 
}

p.sidebar {
border-bottom: 1px #cd98cc solid;
	padding-right: 15px;
	padding-bottom: 15px;
	margin: 10px 10px 0 5px;
	padding-left: 25px;
}
h4 p{
	text-align: left;
	float: none;
	position: relative;
	text-transform: none;
	padding-left: 45px;
	top: -29px;
}
img.spaceafter {
margin-bottom: 40px; 
}

img.spacebefore {
	margin-top: 12px;
}

.bottom-links {
font-family: "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
font-size: 11px;
color: #333333;
text-transform: uppercase;
text-align: left;
text-decoration: none;
border-bottom: 1px #cd98cc solid;
	margin-right: 15px;
	margin-left: 6px;
	padding-left: 10px;
	padding-bottom: 15px;
}
.bottom-links a {
text-decoration: none;
color: #333333;
position: relative;
left: 50px; 
}
.bottom-links a img {
margin-right: 5px;
position: relative;
top: 3px; 
}

/* @group home */

#main-home {
background-image: url(Images/HMR_Main_BG.png);
background-repeat: repeat-y;
position: relative;
	height: 800px;
}

.date {
font-family: "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
color: #999999;
font-size: 8px;
padding-left: 10px;
border-bottom: 1px #cccccc dashed;
margin-left: 6px;
margin-right: 15px;
}

h2.newsfeed {
padding-left: 10px; 
}

p.newsfeed {
padding-top: 5px;
padding-bottom: 20px;
	margin: 0px 12px 0 5px;
}



/* @end */

/* @group artists */

#main-artists {
background-image: url(Images/HMR_Main_BG.png);
background-repeat: repeat-y;
position: relative;
	height: 800px;
}

h2.artist-music {
	margin-top: 50px;
}

.track-list {
font-size: 11px;
font-family: "Lucida Grande", Helvetica, Verdana, "Lucida Sans Unicode", sans-serif;
color: #6a6a6a;
line-height: 20px;
text-align: left;
	background: url(Images/HMR_Track_List.jpg) repeat;
	margin-left: 11px;
	margin-right: 11px;
}
.track-list li {
list-style-type: decimal;
	height: 20px;
}
a.music-listen {
	width: 16px;
	height: 16px;
	top: 2px;
	position: relative;
	float: right;
	right: 30px;
}
a.music-download {
	width: 16px;
	height: 16px;
	top: 2px;
	position: relative;
	float: right;
	right: -5px;
}
#main-artists #main-text .bottom-links{
	margin-top: 50px;
}


/* @end */

/* @group events */

#main-events {
background-image: url(Images/HMR_Main_BG.png);
background-repeat: repeat-y;
position: relative;
	height: 800px;
}

h2.calendar-month {
	padding-top: 15px;
	padding-left: 23px;
	border-bottom: 1px solid #c9c;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-right: 13px;
}

img.calendar {
	left: -3px;
	position: relative;
	border-bottom: 1px solid #c9c;
	padding-bottom: 15px;
	padding-left: 2px;
	padding-right: 3px;
}



/* @end */

/* @group contact */

#main-contact {
background-image: url(Images/HMR_Main_BG.png);
background-repeat: repeat-y;
position: relative;
	height: 800px;
}

#main-contact #main-text .bottom-links{
	margin-top: 40px;
}



/* @end */



/* @end */

/* @group footer */

#footer {
background-image: url(Images/HMR_Footer_BG.png);
background-repeat: no-repeat;
height: 270px;
text-align: center;
}

#footer p {
	float: left;
	position: relative;
	color: #606;
	text-align: center;
	left: 225px;
	top: 105px;
	font-size: 10px;
	line-height: 16px;
}

#footer a, #footer a:visited, #footer a:hover, #footer a:active {
	color: #606;
}


/* @end */